page {
     background: #ededf4;
}
 .home_top{
     width: 100%;
     height: 2.7222222222222223rem;
     background-color: #f2f2f2;
     display: flex;
     flex-direction: row;
     position: fixed;
     top: 2.5rem;
     z-index: 10;
     border-bottom: 0.027777777777777776rem solid #d5d5d5;
}
 .category{
     width: 30%;
     line-height: 2.7222222222222223rem;
     background-color: #e5e5e5;
     display: flex;
     flex-direction: row;
     position: relative;
}
 .category >p{
     color: #1f1f1f;
     padding-left: 0.6388888888888888rem;
}
 .category >.icon-arr{
     position: absolute;
     right: 0.7777777777777778rem;
     top: 0;
}
 .person_box{
     position: fixed;
     top: 2.5rem;
     left: 0;
     width: 100%;
     max-height: 27rem;
     overflow-y: auto;
     padding-bottom: 1.3888888888888888rem;
}
 .phone_select{
     margin-top:0;
     z-index: 100;
}
 .select_one{
     text-align: center;
     background-color:#fff;
     width:100%;
     height:2.7777777777777777rem;
     line-height:2.7777777777777777rem;
     border-bottom:0.05555555555555555rem solid #f0f0f0;
}
 .search{
     width: 55%;
     height: 2.7222222222222223rem;
     line-height: 2.7222222222222223rem;
     position: relative;
}
 .search input{
     width: 70%;
     height: 100%;
     padding-left: 0.7222222222222222rem;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
     background: none; 
     border: none;
}
 .search button{
     color: #959595;
    /* float: rigth;
     */
     width: 30%;
     height: 43px;
     border:0;
     margin:0;
     padding:0;
     z-index: 3;
     position: absolute;
     top: 0;
     right: 0;
}
 .search .icon-search{
     position: absolute;
     top: 0;
     right: 0;
     color: #959595 
}
 .menu{
     width: 2.4444444444444446rem;
     display: inline-block;
     font-size: 1.3888888888888888rem;
     margin: 0.8333333333333334rem 0 0 0.5555555555555556rem;
     padding-left: 0.5555555555555556rem;
     border-left: 0.027777777777777776rem solid #c7c7c7;
     height: 1.1666666666666667rem;
     line-height: 1.1666666666666667rem;
     color: #959595;
}
 .goods{
     width: 100%;
     margin-top: 2.9444444444444446rem;
     padding-bottom: 0.5555555555555556rem;
}
 .list{
     width: 100%;
     height: 5.222222222222222rem;
     background-color: #fff;
     margin-bottom: 0.2777777777777778rem;
     padding: 0.7222222222222222rem 0.4722222222222222rem 0.7222222222222222rem 0.5555555555555556rem;
}
 .left{
     display: inline-block;
     width: 3.75rem;
     height: 3.75rem;
     border:1px solid #dcdcdc;
     overflow: hidden;
}
 .left >image{
     width: 3.6944444444444446rem;
     height: 3.6944444444444446rem;
}
 .right{
     display: inline-block;
     width: 15.11111111111111rem;
     padding-left:0.6388888888888888rem;
}
 .name{
     height: 1.1111111111111112rem;
     line-height: 1.1111111111111112rem;
     font-size: 0.8333333333333334rem;
     color: #464646;
}
 .center{
     height: 1rem;
     line-height: 1rem;
     font-size: 0.6111111111111112rem;
     color: #7c7c7c;
     display: flex;
}
 .num{
     /*margin-left: 1.6666666666666667rem;*/
}
 .down{
     height: 1.5555555555555556rem;
     line-height: 1.5555555555555556rem;
}
 .price{
     color: #ff0a0a;
     font-size: 0.9722222222222222rem;
     display: inline-block;
}
 .price .icon-rmb{
     font-size: 0.6944444444444444rem;
}
 .btn{
     display: inline-block;
     padding-top: 0.2777777777777778rem;
}
 .btn >button{
     padding:0 0.5rem;
     height: 1.2777777777777777rem;
     line-height: 1.2222222222222223rem;
     font-size: 0.8333333333333334rem;
     border:1px solid #598bee;
     border-radius: 0.2777777777777778rem;
     color: #598bee;
     display: inline-block;
     margin-left: 0.2777777777777778rem;
}
 .fl{
     float: left;
}
 .fr{
     float: right;
}
 